<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>VIP - Dessert House</title>
	<link rel="shortcut icon" type="image/x-icon" href="../css/images/favicon.ico" />
	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="all" />
	
	<script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
	<script src="../js/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="../js/functions.js" type="text/javascript"></script>
	<script language="Javascript" src="../Chart/FusionCharts.js"></script>
</head>
<jsp:useBean id="vipInfo"  scope="session" class="edu.nju.desserthouse.action.business.VipInfoBean" />
<jsp:useBean id="addrInfo"  scope="session" class="edu.nju.desserthouse.action.business.VipAddrInfoBean" />
<jsp:useBean id="birthInfo"  scope="session" class="edu.nju.desserthouse.action.business.VipBirthInfoBean" />

<body>
	<!-- wrapper -->
	<div id="wrapper">
		<!-- header -->
		<div class="header">
			<!-- shell -->
			<div class="shell">
				<h1 id="logo"><a href="#">cafe</a></h1>
				<div class="testimonials">
					<div class="testimonials-slider flexslider">
						<ul class="slides">
							<li>
								<h4>"The best espresso in downtown!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
								</div>
								<p> - John Cooper, Gourmet</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Yummy cupcakes and donuts!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
									<a href="#"></a>
								</div>
								<p> - Ann Doe, Teacher</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Had a real fun there!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
								</div>
								<p> - Lisa Doe, Lawyer</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Great atmosphere!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
								</div>
								<p> - Gordon Doe, Manager</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Tastes good!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
								</div>
								<p> - Orman Kent, Architect</p>
								<div class="cl">&nbsp;</div>
							</li>
						</ul>
					</div>
				</div>
				<!-- header-right -->
				<div class="header-right">
					<div class="subscribe">
						<a href="../user/login.jsp"><span></span>VIP Log in</a></div>
					<div class="socials">
						<a href="#" class="facebook-ico">facebook</a>
						<a href="#" class="twitter-ico">twitter</a>
					</div>
					<div class="cl">&nbsp;</div>
				</div>
				<div class="cl">&nbsp;</div>
				<!-- end of header -->
				<!-- navigation -->
				<nav id="navigation">
					<ul>
						<li><a href="../home/home.html">Homepage</a></li>
						<li><a href="../vipcardstatistics.manager">VIP Cards</a></li>
						<li><a href="../vipstatistics.manager">VIP</a></li>
						<li><a href="../salestatistics.manager">Sales</a></li>
						<li><a href="../bestseller.manager">Best Seller</a></li>
						<li><a href="../news.manager">VIP News</a></li>
						<li><a href="../manager/clerkwelcome.jsp">Return</a></li>
					</ul>
				</nav>
				<!-- end of navigation -->
				<!-- slider-holder -->
				<div class="slider-holder">
					<span class="left"></span>
					<span class="right"></span>
					<!-- flexslider -->
					<div class="big-slider">
						<ul class="slides">
						<br>
						<br>
							<li>
								<table width=900>
									<tr>
		     							<td><h1><font color="yellow">Up To Now, We Have: <%=vipInfo.getListSize() %> VIPs In Total</font></h1><br>
    								</tr>
    								<tr>
    									<td><h2><font color="green">In Terms Of Gender:</font></h2></td>
	    							</tr>
    	  							<tr>
   										<td>
      										<table align="center" border="0">
												<br>
												<tr>
         											<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;Unknown:</font></h2></td>
         											<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=vipInfo.getNotknown() %></font></h2></td>
 		         									<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;The Ratio:</font></h2></td>
    		      									<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=Double.parseDouble(new java.text.DecimalFormat("0.00").format(vipInfo.getNotknownRatio())) %>%</font></h2></td>
	    		    							</tr>
    	    									<tr>
        	 										<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;Male:</font></h2></td>
         											<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=vipInfo.getMale() %></font></h2></td>
          											<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;The Ratio:</font></h2></td>
          											<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=Double.parseDouble(new java.text.DecimalFormat("0.00").format(vipInfo.getMaleRatio())) %>%</font></h2></td>
        										</tr>
        										<tr>
         											<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;Female:</font></h2></td>
         											<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=vipInfo.getFemale() %></font></h2></td>
	          										<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;The Ratio:</font></h2></td>
			          								<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=Double.parseDouble(new java.text.DecimalFormat("0.00").format(vipInfo.getFemaleRatio())) %>%</font></h2></td>
    			    							</tr>
       										</table>
        								</td>
        							</tr>
        						</table>
			        			<div style="position:absolute; top:30px; left:420px">
						       	<div id="chartdiv1" align="left">Chart Container Pie 3D</div>
					    			<%String gender = "<graph showLegend='1' formatNumberScale='0' palette='2' pieSliceDepth='15' baseFontSize='16' bgAlpha='0' canvasBgAlpha='0'>";
						       		if(vipInfo.getNotknown() != 0)
										gender = gender.concat("<set name='Unknown' value=\'"+vipInfo.getNotknown()+"\' />");
									if(vipInfo.getMale() != 0)
										gender = gender.concat("<set name='Male' value=\'"+vipInfo.getMale()+"\' />");
									if(vipInfo.getFemale() != 0)
										gender = gender.concat("<set name='Female' value=\'"+vipInfo.getFemale()+"\' />");
									gender = gender.concat("</graph>");%>
									<script type="text/javascript">
										var myChart2 = new FusionCharts("../Chart/Pie3D.swf", "myChart", "400", "260", "0", "0");
										myChart2.setDataXML("<%=gender%>");
										myChart2.render("chartdiv1");
									</script>
			        			</div>
							</li>
										<li>
											<table width=900>
												<tr>
					     							<td><h1><font color="yellow">Up To Now, We Have: <%=vipInfo.getListSize() %> VIPs In Total</font></h1><br>
			    								</tr>
			    								<tr>
			    									<td><h2><font color="green">In Terms Of Address:</font></h2></td>
				    							</tr>
			      								<tr>
			   										<td>
			      										<table align="center" border="0">
			      										<br>
			      										<%for(int i = 0; i < addrInfo.getAddrSize(); i++){ %>
			      										<tr>
			         										<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;<%=addrInfo.getAddr(i) %>:</font></h2></td>
					         								<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=addrInfo.getAddrNum(i) %></font></h2></td>
			        		  								<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;The Ratio:</font></h2></td>
			          										<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=Double.parseDouble(new java.text.DecimalFormat("0.00").format(addrInfo.getAddrRatio(i))) %>%</font></h2></td>
			        									</tr>
			        									<%} %>
			        								</table>
			        							</td>
			        						</tr>
			        					</table>
			        					<div style="position:absolute; top:30px; left:420px">
						        		<div id="chartdiv2" align="left">Chart Container Pie 3D</div>
						        			<%String xml = "<graph showLegend='1' formatNumberScale='0' palette='2' pieSliceDepth='15' bgAlpha='0' canvasBgAlpha='0'>";
												for(int i = 0; i < addrInfo.getAddrSize(); i++){
													if(addrInfo.getAddrNum(i) != 0)
														xml = xml.concat("<set name=\'"+addrInfo.getAddr(i)+"\' value=\'"+(int)addrInfo.getAddrNum(i)+"\' />");
												}
												xml = xml.concat("</graph>");
											%>
											<script type="text/javascript">
												var myChart2 = new FusionCharts("../Chart/Pie3D.swf", "myChart", "400", "260", "0", "0");
												myChart2.setDataXML("<%=xml%>");
												myChart2.render("chartdiv2");
											</script>
			        					</div>
						</li>
						<li>
								<table width=900>
									<tr>
		     							<td><h1><font color="yellow">Up To Now, We Have: <%=vipInfo.getListSize()%> VIPs In Total</font></h1><br>
    								</tr>
    								<tr>
    									<td><h2><font color="green">In Terms Of Birth:</font></h2></td>
	    							</tr>
      								<tr>
   										<td>
      										<table align="center" border="0">
      										<br>
      										<%for(int i = 0; i < birthInfo.getBirthSize(); i++){ %>
      										<tr>
         										<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;After <%=birthInfo.getBirth(i) %>:</font></h2></td>
		         								<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=birthInfo.getBirthNum(i) %></font></h2></td>
        		  								<td><h2><font color="yellow">&nbsp;&nbsp;&nbsp;&nbsp;The Ratio:</font></h2></td>
          										<td><h2><font color="red">&nbsp;&nbsp;&nbsp;&nbsp;<%=Double.parseDouble(new java.text.DecimalFormat("0.00").format(birthInfo.getBirthRatio(i))) %>%</font></h2></td>
        									</tr>
        									<%} %>
        								</table>
        							</td>
        						</tr>
        					</table>
        					<div style="position:absolute; top:30px; left:420px">
			        		<div id="chartdiv3" align="left">Chart Container Pie 3D</div>
			        			<%String birth = "<graph showLegend='1' formatNumberScale='0' palette='2' pieSliceDepth='15' bgAlpha='0' canvasBgAlpha='0'>";
								for(int i = 0; i < birthInfo.getBirthSize(); i++){
									if(birthInfo.getBirthNum(i) != 0)
										birth = birth.concat("<set name=\'"+birthInfo.getBirth(i)+"\' value=\'"+(int)birthInfo.getBirthNum(i)+"\' />");
								}
								birth = birth.concat("</graph>");%>
								<script type="text/javascript">
									var myChart3 = new FusionCharts("../Chart/Pie3D.swf", "myChart", "400", "260", "0", "0");
									myChart3.setDataXML("<%=birth%>");
									myChart3.render("chartdiv3");
								</script>
			        		</div>
						</li>
					</ul>
				</div>
				<!-- end of slider -->
			</div>
			<!-- end of shell -->
		</div>
		<!-- end of header -->
		<!-- main -->
		<div class="main">
			<div class="shell">
				<!-- cols -->
				<section class="cols">
					<div class="col">
						<h3>Fantastic Donuts </h3>
						<img src="../css/images/cols-img.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Lorem ipsum dolor sit amet, con<br />sectetur adipiscing elit. Cras molestie condimentum conse am leom.</p>
							<a href="../goods/alldoughnuts.jsp" class="dot">All Donuts</a>
						</div>
					</div>
					<div class="col">
						<h3>Delicious Cupcakes</h3>
						<img src="../css/images/cols-img2.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libert.</p>
							<a href="../goods/allcakes.jsp" class="dot">All Cakes</a>
						</div>
					</div>
					<div class="col">
						<h3>Amazing Coffee</h3>
						<img src="../css/images/cols-img3.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
							<a href="../goods/alldrinks.jsp" class="dot">All Coffee</a>
						</div>
					</div>
					<div class="cl">&nbsp;</div>
				</section>
				<!-- end of cols -->
				<!-- content -->
				<div class="content">
					<h3>What's New</h3>
					<div class="entry">
						<div class="date">
							<strong>25<small>2012</small></strong>
							<em>APR</em>
						</div>
						
						<div class="cnt">
							<h4>News Title 1 Goes Right Here</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leom. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. </p>
							<a href="#" class="dot">View More</a>
						</div>
					</div>
					<div class="entry">
						<div class="date">
							<strong>22<small>2012</small></strong>
							<em>APR</em>
						</div>
						<div class="cnt">
							<h4>News Title 1 Goes Right Here</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leom. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. </p>
							<a href="#" class="dot">View More</a>
						</div>
					</div>
				</div>
				<!-- end of content -->
				<!-- sidebar -->
				<aside class="sidebar">
					<div class="widget">
						<div class="facebook-social">
							<img src="../css/images/facebook-img.png" alt="" />
						</div>
					</div>
				</aside>
				<!-- end of sidebar -->
				<div class="cl">&nbsp;</div>
			</div>
		</div>
		<!-- end of main -->
		<div id="footer-push"></div>
	</div>
	<!-- end of wrapper -->
	<div id="footer">
		<div class="shell">
			<div class="footer-nav">
				<ul>
					<li><a href="../home/home.html">Homepage</a></li>
					<li><a href="../vipcardstatistics.manager">VIP Cards</a></li>
					<li><a href="../vipstatistics.manager">VIP</a></li>
					<li><a href="../salestatistics.manager">Sales</a></li>
					<li><a href="../bestseller.manager">Best Seller</a></li>
					<li><a href="../news.manager">VIP News</a></li>
					<li><a href="../manager/clerkwelcome.jsp">Return</a></li>
				</ul>
			</div>
			<p class="copy">?Copyright 2012<span>|</span>Design by <a href="http://chocotemplates.com" target="_blank">ChocoTemplates.com</a></p>
		</div>
	</div>
</body>
</html>